<template>
  <div id='header'>
    <div class="header-container">
      <div class="h-logo">
        <img src="~/assets/images/public_app_logo_width.png" width="160" height="48">
      </div>
      <div class="h-nav">
          <div class="nav-item" @click="$router.push('/')">首页</div>
          <div class="nav-item" @click="$router.push('/activities')">社会活动</div>
          <div class="nav-item" @click="$router.push('/user')">企业合作</div>
          <div class="nav-item" @click="$router.push('/about')">关于我们</div>
          <div class="nav-item" @click="$router.push('/feedback')">意见反馈</div>
          <div class="nav-item" @click="$router.push('/contact')">联系我们</div>
          <div class="nav-item" @click="$router.push('/download')">立即下载</div>
      </div>
    </div>
  </div>
</template>

<script>
  export default{
    name:"Header",
    methods:{

    }
  }
</script>

<style scoped>
#header{
  overflow: hidden;
	height:84px;
	line-height:84px;
	background: #000;
}
#header .header-container{
  margin: auto;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
}
#header .header-container .h-nav{

}
#header .header-container .h-nav .nav-item{
  display: inline-block;
  margin-right: 32px;
  color: #fff;
  cursor: pointer;
}
</style>

